iT邦幫忙

2022 iThome 鐵人賽

DAY 5
0
Modern Web

從入門前端技巧到uiux設計的心得分享系列 第 5

【Day 5】 好的UI製作從好用的工具開始(下)

  • 分享至 

  • xImage
  •  

接續第三天的介紹,下篇簡單分享Adobe XD的使用心得。


軟體的簡單介紹

Adobe XD - 極具潛力的UI軟體 推薦值:3.5顆星

在Figma爆紅之前,Adobe推出了自家少數了免錢軟體,正是XD本人,因為會使用XD基本上都是配合Adobe的軟體們一起使用,成為了常用Adobe軟體的設計師們愛用的選擇之一,還有學生黨跟老師們教學的選擇,以下簡單分享我個人認為的Adobe XD的優勢。

  • 簡約的介面設計與操作
    XD的介面設計可以說是相當的簡約,第一次接觸的時候會發現工具上看不太到文字,基本都靠著理解icon去挑選工具,icon基本上都長得很直覺,且許多功能對於製作排版也相當方便,尤其是使用習慣AI的人,應該會覺得當初XD的對齊工具真是好用。

  • Adobe生態系真的強大
    XD當初推出時功能並不多,要靠裝許多插件才能補起,但需要製作漂亮插圖時只要請出AI就好,因為是同家公司,轉換真的很便利,畢竟沒有設計師逃得出AI的手心吧QQ

總結

直至Figma爆紅前,我認為XD都是極有潛力的軟體,不過跟sketch相比還是略有不足,功能上不夠多,插件也不夠多,簡約但圖層使用上卻不夠直觀等等問題,直到Figma出現後,我還是果斷跳槽去Figma了,Figma的整體功能還是太強大了,就算不搭配AI還是相當好用。

總結部分小小說一下Sketch,當初還是windows系統時,根本沒機會使用,到了公司第一次接手前設計師的UI設計稿,被Sketch複雜到不行的介面震驚了許久,加上長期使用Adobe系統的操作,跳到Sketch使用可以說是超級無敵不習慣,當然了解了之後Sketch在功能上還是很強大的UI軟體,但 學習成本高、只有mac系統、收費制度,我個人使用下來還是相當不喜歡,所以在此就不推薦了。


上一篇
【Day 4】CSS選擇器的應用
下一篇
【Day 6】掌握SCSS語法,更有效率的撰寫CSS!(上)
系列文
從入門前端技巧到uiux設計的心得分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言